@if(count($notifications))
    <div class="tt-topic-list">
        <div class="tt-list-header">
            <div class="tt-col-topic">通知</div>
            <div class="tt-col-value">评论于</div>
            <div class="tt-col-value">操作</div>
        </div>
        @foreach ($notifications as $notification)
            <div class="tt-item">
            <div class="tt-col-avatar">
                <a href="{{ route('users.show', $notification->data['user_id']) }}">
                    <img alt="{{ $notification->data['user_name'] }}" src="{{ $notification->data['user_avatar'] }}"
                         class="img-responsive img-circle" width="60px" height="60px">
                </a>
            </div>
            <div class="tt-col-description">
                <h6 class="tt-title"><a href="{{ $notification->data['topic_link'] }}">
                        {{ $notification->data['topic_title'] }}
                    </a></h6>
                <div class="row align-items-center no-gutters hide-desktope">
                    <div class="col-9">
                        <ul class="tt-list-badge">
                            <li class="show-mobile"><a href="#"><span class="tt-color06 tt-badge">movies</span></a></li>
                        </ul>
                    </div>
                    <div class="col-3 ml-auto show-mobile">
                        <div class="tt-value">{{ $notification->created_at->diffForHumans() }}</div>
                    </div>
                </div>
                <div class="tt-content">
                    <a href="{{ route('users.show', $notification->data['user_id']) }}">{{ $notification->data['user_name'] }}</a>
                    评论了{!! $notification->data['reply_content'] !!}
                </div>
            </div>
            {{--<div class="tt-col-category"><a href="#"><span class="tt-color06 tt-badge">movies</span></a></div>--}}
            <div class="tt-col-value-large hide-mobile">{{ $notification->created_at->diffForHumans() }}</div>
            <div class="tt-col-value-large hide-mobile">删除</div>
        </div>
        @endforeach
        {{--<div class="tt-row-btn">--}}
            {{--<button type="button" class="btn-icon js-topiclist-showmore">--}}
                {{--<svg class="tt-icon">--}}
                    {{--<use xlink:href="#icon-load_lore_icon"></use>--}}
                {{--</svg>--}}
            {{--</button>--}}
        {{--</div>--}}
    </div>
@else
    <div class="empty-block">没有消息通知！ </div>
@endif

{{-- 分页 --}}
<div class="tt-row-btn">
    {!! $notifications->appends(Request::except('page'))->render() !!}
</div>